<template>
    <div>
        <header class="header-content">
            <div class="header-icon-back" @click="to('vault')"><span></span></div>
            <div class="header-title">提现</div>
        </header>
        <div class="view-content">
            <div class="recharge-content"><span>提现金额</span><input type="text" placeholder="请输入金额"></div>
            <div class="recharge-pay"><button>提现</button></div>
        </div>
    </div>
</template>
<style scoped>
    @import "../css/style.css";
    .recharge-content {
        margin: 1.2rem 0;
        font-size: 1.06rem;
        padding: 0.63rem 0.94rem;
        display: flex;
        background-color: #fff;
        border-top: 0.1rem solid #f5f5f5;
        border-bottom: 0.1rem solid #f5f5f5;
    }
    .recharge-content span {
        width: 30%;
    }
    .recharge-content input {
        outline: 0
    }
    .recharge-pay {
        padding: 0 0.94rem;
    }
    .recharge-pay button {
        width: 100%;
        color: #fff;
        font-size: 1.13rem;
        padding: 0.63rem 0;
        border-radius: 0.63rem;
        background-color: #1aad19;
    }
</style>
<script>
    export default {
        methods: {
            to(page) {
                this.$router.push({
                    name: page
                })
            }
        }
    }
</script>

